<template>
	<div ref="chartRef" style="width: 600px; height:400px;"></div>
</template>

<script>
	import echarts from 'echarts'
	export default {
		mounted () {
			this._initEcharts()
		},
		methods: {
			_initEcharts () {
				// 初始化
			  const chart = this.$refs.chartRef

				if (chart) {
					const myChart = echarts.init(chart)

					// 绘制图表
					myChart.setOption({
						title: {
							text: 'ECharts 入门示例'
						},
						tooltip: {},
						xAxis: {
							data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
						},
						yAxis: {},
						series: [{
							name: '销量',
							type: 'bar',
							data: [5, 20, 36, 10, 10, 20]
						}]
					})

					window.addEventListener('resize', function () {
						myChart.resize()
					})
				}
			}
		}
	}
</script>

<style scoped>

</style>
